<template>
  <div>
    <Child :title="'姓名'">
      <input type="text" />
    </Child>
    <Child :title="'密码'">
      <input type="password" />
    </Child>
    <Child :title="'性别'">
      <input type="radio" name="sex" value="男" />男
      <input type="radio" name="sex" value="女" />女
    </Child>
    <Child :title="'爱好'">
      <input type="checkbox" value="敲代码" />敲代码
      <input type="checkbox" value="喝酒" />喝酒
      <input type="checkbox" value="吃饭" />吃饭
    </Child>
    <Child :title="来自于">
      <select>
        <option value="杭州">杭州</option>
        <option value="北京">北京</option>
        <option value="上海">上海</option>
      </select>
    </Child>
  </div>
</template>

<script>
import Child from './components/Child.vue'
export default {
  components: {
    Child,
  },
}
</script>

<style></style>
